*{
    margin:0;
    padding:0;
}
body{
    font-family:"Trebuchet MS", "Myriad Pro", Arial, sans-serif;
    font-size:14px;
    background:#fefefe;
    color:#333;
    text-shadow:1px 1px 1px #fff;
    overflow-x:hidden;
}
h1{
    font-size:30px;
    color:#666;
}
h2{
    font-size:20px;
    padding:10px 0px 10px 0px;
    margin:15px 0px 20px 0px;
}
a{
    color:#555;
    text-decoration:none;
}
a:hover{
    color:#222;
}
p{
    padding:5px 0px;
}
.wrapper{
    width:960px;
    margin:20px auto;
}
.clear{
    clear:both;
}

/* ----------->>> GridView <<<----------*/
.gridView
{
    width: 100%;
    clear: both;
    margin: 10px 0;
    border-collapse: collapse;
}



.gridView thead tr, .footer
{
    font: bold 11px Arial;
    vertical-align: middle;
    text-decoration: none;
    text-align: center;
}

/* --->>> HeaderStyle (cabe鏰lho) <<<---*/
.gridView thead tr
{
    font: bold 11px Arial, Verdana;
    color: #333;
    background: #fff url(../images/bg-header-grid.png) bottom repeat-x;
    height: 100px;
    padding: 0 0 0 5px;
    text-align: center;
    vertical-align: center;
}
.gridView thead tr th
{
    border-top: 1px solid #E2E6E6;
    border-bottom: 3px solid #E5E5E5;
    border-left: 1px solid #E5E5E5;
    text-align: center;
    vertical-align: center;
    width: 10%;
}
.gridView thead tr td
{
    border-top:3px solid #e5e5e5 ;
    border-bottom: 3px solid #E5E5E5;
    border-left: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
    text-align: center;
    vertical-align: center;
    width: 30%;
    background: #fafafa;
}
.gridView tbody tr th
{
    border-top: 1px solid #E2E6E6;
    border-bottom: 3px solid #E5E5E5;
    border-left: 1px solid #E5E5E5;
    text-align: center;
    vertical-align: center;
    width: 10%;
    background: #fafafa;
}
.gridView tbody tr td
{
    border-top:3px solid #e5e5e5 ;
    border-bottom: 3px solid #E5E5E5;
    border-left: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
    text-align: center;
    vertical-align: center;
    width: 30%;
   background: #fafafa;
}

.gridView thead tr a:hover
{
    color: #06c;
    background: url(../images/Icones/ico-ordem-hover.gif) left no-repeat;
}
.gridView tbody tr
{
    font: bold 11px Arial, Verdana;
    color: #333;
    background: #fff url(../images/bg-header-grid.png)  repeat-x;;
    height: 45px;
    padding: 0 0 0 5px;
    text-align: center;
    vertical-align: center;
}

/* ------------>>> Grid <<<--------------*/
.grid, .gridAlternada, .gridDestacada
{
    font: 11px Arial,Verdana;
    text-align: left;
    text-align: center;
    vertical-align: middle;
}
.grid:hover, .gridAlternada:hover, .gridDestacada:hover
{
    color: #000;
    background: #D4E5F6 url(../images/bg-dia.png) 0 0 repeat-x;
}

.grid
{
    background-color: #fff;
}
/*RowStyle*/
.gridAlternada
{
    background-color: #eee;
}
/*AlternatingRowStyle*/
.gridDestacada
{
    background-color: #FFE082;
    color: #333;
}
/*SelectedRowStyle / EditRowStyle*/


/* -------->>> Link Grid's <<<-----------*/
.grid a, .gridAlternada a, .gridDestacada a
{
    color: #384249;
    text-decoration: none;
}
.grid a:hover, .gridAlternada a:hover, .gridDestacada a:hover
{
    color: #000;
    text-decoration: underline;
}
.gridView{
    font-size: 12px
}
.gridView tr:nth-child(odd){
    background:#FFF;
}
.gridView tr:nth-child(even){
    background-color: #eee;
}